<template>
  <div class="login">
    <login-form class="login-form"/>
  </div>
</template>

<script lang="ts"
        setup>
import LoginForm from '@/components/library/LoginForm.vue'
import {useCommonStore} from '@/stores/common'
import {useRoute} from 'vue-router'

let route = useRoute()
let store = useCommonStore()
store.redirect = <string | undefined>route?.query?.redirect ?? '/'
</script>

<style lang="less"
       scoped>
.login {
  height: 488px;
  background: url("../../assets/images/login-bg.png") no-repeat center;
  position: relative;

  .login-form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(100px, -50%);
  }
}
</style>